html {
  width: 100%;
  height: 100%;
}
body {
  background: #f1f1f9;
}
.top {
  width: 100vw;
  height: 134px;
  background: linear-gradient(to bottom, rgb(30, 111, 255), rgb(255, 255, 255));
  margin-top: 40px;
}
.main {
  width: 90%;
  height: 100%;
  margin-left: 20px;
  background: #f1f1f9;
  position: absolute;
  top: 93px;
 
}
.doctorData {
  width: 100%;
  height: 100px;
  background: #fff;
 
  padding-top: 10px;
}
.doctor {
  width: 100%;
  background: #fff;
   
  .photo {
    width: 30%;
    height: 90px;
    float: left;
    /* background-color: pink; */
    img {
      width: 80%;
      height: 80%;
      margin-top: 10%;
      margin-left: 10%;
      border-radius: 50%;
    }
  }
  .message {
    float: left;
    width: 70%;
    height: 90px;
   
    h4 {
       
      font-size: 14px;
      width: 100%;
      height: 30px;
      line-height: 30px;
      margin-top:7px;
      li {
        float: left;
       
      }
      /* .more {
          background-color: red;
        float: right;
        margin-right:20px;
        font-size: 1rem;
        color: blue;
      } */
      .logo {
        font-size: 12px;
        margin-left:5px;
        color: #fff;
        background: #07b383;
        
        height: 20px;
        line-height: 20px;
        padding: 0 5px 0 5px;
        margin-top: 6px;
        border-radius: 5px;
      }
    }
    p {
      width: 100%;
      height: 17px;
      line-height: 17px;
      margin-top: 5px;
    
      li {
        float: left;
      }
      .zhi,
      .yuan {
        font-size: 12px;
         
      }
      .ccc {
        margin-left: 8px;
        color: #ccc;
         
      }
      .ke {
        margin-left: 7px;
        font-size:12px;
     
      }
    }
  }
  .numberData {
    width: 100%;
    height: 50px;
       
    div {
      width: 25%;
      height: 100%;
      float: left;
      text-align: center;
      p {
        width: 100%;
        height: 16px;
        line-height:16px;
        color: #666;
        
      }
      h4 {
        width: 100%;
        height: 30px;
        line-height:  30px;
        font-size: 14px;
        
      }
    }
  }
  .good {
    width: 90%;
    margin-left: 5%;
    height: 40px;
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    
  }
  .profile {
    width: 100%;
    height: 40px;
    margin-top:5px;
  
    margin-left: auto;
    li {
      float: right;
      font-size: 14px;
      color: blue;
      margin-right: 5%;
      button {
        border: none;
        color: blue;
      }
      h6 {
        width: 100%;
        text-align: center;
      }
    }
  }
}
.service {
  width: 100%;
  height: 120px;
  margin-top:10px;
  background: #fff;
    
  div {
    width: 25%;
    text-align: center;
    float: left;
    padding-top: 20px;
    
    img {
      width: 60px;
      height: 60px;
    }
    .c {
      color: #a7a6a6;
    }
  }
}
.evaluation {
  width: 100%;
  background: #fff;
  margin-top: 10px;

  h4 {
    width: 100%;
    height: 25px;
    line-height: 25px;
      
    li {
      float: left;
      font-size:12px;
      margin-left: 16px;
     
    }
    .evaluation_num {
      margin-left: 6px;
      font-weight: normal;
      font-size: 12px;
      
    }
    .more {
      float: right;
      margin-right:20px;
      font-size: 12px;
      color: blue;
     
    }
  }
  .userEvaluation {
    width: 90vw;
    margin-left: 5vw;
    margin-top: 5vh;
    p {
      color: #777777;
     
    }
    .title {
      margin-top: 10px;
      width: 100%;
      height: 50px;
     
      li {
        float: left;
        margin-left:10px;
        border: 1px #ccc solid;
        padding: 0 4px;
        border-radius: 5px;
        margin-top:5px;
        color: #777777;
          
      }
    }
    h3 {
      margin-top: 5px;
      font-size:12px;
      font-weight: normal;
      
    }
    .time {
      height: 20px;
      line-height: 20px;
      color: #999797;
      font-size: 11px;
      
    }
  }
}
/* 锦旗 */
.banner {
  width: 85vw;
  padding-left: 5vw;
  margin-top: 2vh;
  background: #fff;
  
  h3 {
    font-size: 14px;
    
    width: 100%;
    height:30px;
    line-height: 30px;
    li {
      float: left; 
    }
    .num {
      font-size: 10px;
      line-height:30px;
      margin-left: 5px;
    }
    .more {
       float: right;
      margin-right:20px;
      font-size: 12px;
      color: blue;
    }
  }
  h5 {
    width: 100%;
    height: 30px;
    /* margin-left: auto; */
    line-height: 30px;
    font-size: 14px;
    margin-top: 10px;
    font-weight: normal;
    font-size: 12px;
  }
  p {
    color: #777;
    font-size: 12px;
  }
  .qi {
    width: 100%;
    height: 60vh;
    margin-top: 1vh;
   
    img {
      height: 400px;
      width: 300px;
      padding-right: 5vw;
    }
  }
  .userBanner {
    margin-top: 3vh;
  }
}
.presentBanner {
  width: 100%;
  height: 5vh;
  text-align: center;
  div {
    text-align: center;
    width: 100%;
    height: 100%;
  }
  img {
    width: 27px;height: 35px;
    float: left;
    margin-left: 30vw;
  }
  li {
    float: left;
    height: 5vh;
    line-height: 5vh;
    color: blue;
  }
}
.sendMessage {
  width: 100%;
  height: 9vh;
  background: #fff;
  position: fixed;
  bottom: 0;
  z-index: 999;
  text-align: center;
  line-height: 9vh;
  
}
.sendMessage button {
    width: 70vw;
    height: 7vh;
    line-height: 7vh;
    background: blue;
    color: #fff;
    border: none;
    font-size: 14px;
    border-radius: 1.5vh;
  }
.tian {
  height: 15vh;
  width: 100%;
}
.follow {
  width: 55px;
  height: 30px;
  background: #ffefe3;
  color: #ed6800;
  border: none;
  border-radius: 15px;
  float: right;
  margin-right: 15px;
  font-size:12px;
}
/* 弹窗 */
.profile {
  width: 90vw;
  margin-left: 5vw;

  .h6 {
    font-size: 20px;
    text-align: center;
    height: 40px;
    line-height: 40px;
  }
  .goodat{
    width: 100%;
    .icon-title{
      width: 100%;height: 40px;line-height: 40px;
      li{
        float: left;
      }
      .icon{
        font-size: 14px;color: blue;
        width: 20px;height: 20px;line-height: 25px;margin-top: 9px;
        text-align: center;
        background: #e5e2e2;
        border-radius: 50%;
      }
      .pro{
        font-size: 16px;margin-left: 5px;
      }
    }
      .content{
        width: 95%;margin-top: 5px;margin-left: 5%;
        font-size: 13px;
      }
  }
}
.admPopupBody{
  height: 400px;
}